<template>
	<div id="" class="home-swiper-wrap">
		<div id="" v-for="item  in homeCatalog" :key="item.id" class="img">
			<img :src="item.imgUrl" />
			<span class="span">{{item.value}}</span>
		</div>
	</div>
</template>

<script>
	export default{
		props:{
			homeCatalog:Array
		}
//		data(){
//					return {
//							images:[
//							{
//								id:"001",
//								value:"火车票",
//								imgUrl:"https://pic5.40017.cn/01/000/5f/30/rBANC1qozNqAb3vRAAAD_Qg-dt4234.png"
//							},
//							{
//								id:"002",
//								value:"机票",
//								imgUrl:"https://pic5.40017.cn/02/001/5f/ab/rBLkCFqozNqAJqPYAAAFlYq1v7A413.png"
//							},
//							{
//								id:"003",
//								value:"酒店住宿",
//								imgUrl:"https://pic5.40017.cn/01/000/5f/a5/rBLkBVqozNqAGbVbAAADpuwJ0xY082.png"
//							},
//							{
//								id:"004",
//								value:"景点门票",
//								imgUrl:"https://pic5.40017.cn/02/001/5f/ab/rBLkCFqozNqAF4UUAAAFH-2jq70957.png"
//							}
//						],
//					}
//				}
		
	}
</script>

<style lang="stylus" scoped>
.home-swiper-wrap
	display: flex;
	justify-content:space-around;
	.img
		display: flex;
		flex-direction:column
		border-radius:100%;
		justify-content:flex-end;
		align-items: center;
		margin:.2rem 0;
		img
			width:50%;
			margin:.2rem 0;
		.span
			font-size:14px ;
			
			
</style>